<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template.xhtml">

	<ui:define name="tituloPG">
		#{mensagem.cadastrar}
	</ui:define>

	<ui:define name="tituloUC">
		<p:outputLabel value="#{mensagem['titulo.cadastro.contato.uc']}" />
	</ui:define>

	<ui:define name="conteudo">
		<h:form id="formCadContato">
			<p:panelGrid columns="2">
				<p:outputLabel value="#{mensagem.nome}" />
				<p:inputText id="nome" value="#{cadastroContatoMB.contato.nome}" rendered="true"
					required="true" label="#{mensagem.nome}" />
				<p:outputLabel value="#{mensagem.email}" />
				<p:inputText id="email" value="#{cadastroContatoMB.contato.email}" rendered="true"
					required="true" label="#{mensagem.email}" />
				<p:outputLabel value="#{mensagem.dataNascimento}" />
				<p:calendar id="dataNascimento" required="true"
					value="#{cadastroContatoMB.contato.dataNascimento}"
					label="#{mensagem.dataNascimento}" />
				<p:outputLabel value="#{mensagem.telefone}" />
				<p:panelGrid columns="1">
					<h:panelGrid id="listaTelefones">
						<ui:repeat var="telefone" value="#{cadastroContatoMB.contato.telefones}" varStatus="status">
							<h:inputText id="telefone" value="#{telefone}" required="true" label="#{mensagem.telefone} #{status.index + 1}"
										 converter="br.com.treinar.TelefoneConverter" /><br />					
						</ui:repeat>
					</h:panelGrid>
					<f:facet name="footer">
						<h:panelGroup style="display:block; text-align:center">
							<p:commandButton value="#{mensagem.addTelefone}" update="listaTelefones" immediate="true"
											 action="#{cadastroContatoMB.adicionarTelefone()}" />
						</h:panelGroup>
					</f:facet>

				</p:panelGrid>
				
				<p:commandButton value="#{mensagem['botao.gravar']}" 
					update=":messages" action="#{cadastroContatoMB.cadastrarContato()}" />
			</p:panelGrid>
		</h:form>
	</ui:define>
</ui:composition>
</html>